.carousel{
    padding: 10px 0;
    background-color: #001529;
    .wrap{
      position: relative;
      .dot{
        display: block;
        width: 20px;
        height: 20px;
        overflow: hidden;
        background: url('./banner.png') 3px -343px;
        cursor: pointer;
        &.active{
          background-position: -16px -343px;
        }
      }
      .arrow{
        display: block;
        position: absolute;
        width: 37px;
        top:50%;
        margin-top: -20px;
        color: #fff;
        font-size: 40px;
        cursor: pointer;
        &.left{
          left: -68px;
        }
        &.right{
          right: -68px;
        }
      }
    }
  }
